<template>
  <view class="book-live-container mx-[30rpx]">
    <template v-for="(item, index) in 3" :key="index">
      <view
        class="live-item px-[30rpx] pt-[7rpx] pb-[27rpx] mb-[20rpx] box-border module-part"
        v-for="(item, index) in list"
        :key="index"
      >
        <videoItem
          :videoContent="item"
          :showTime="false"
          :showShare="false"
          :showGapLine="false"
          showBook
        ></videoItem>
      </view>
    </template>
  </view>
</template>

<script setup lang="ts">
import { ref, reactive, onMounted } from "vue";

const list = reactive([
  {
    collectTime: "2025年2月14日",
    videoPoster:
      "https://img1.baidu.com/it/u=261249861,1096372910&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500",
    videoTitle: "这是一个视频标题",
    videoContent:
      "文案介绍文案介绍文案介绍文案介绍文案介绍文案介绍文案介绍文案介绍文案介绍文案介绍文案介绍文案介绍",
    videoAvatar:
      "https://img0.baidu.com/it/u=3125720667,3310351231&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1741798800&t=2308445923a7b878526f3e17e7f7d6e2",
    videoAuthor: "法官",
    time: "2025年2月13日 22:23:54",
  },
  {
    collectTime: "2025年2月14日",
    videoPoster:
      "https://img1.baidu.com/it/u=2106142011,1410854447&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1741798800&t=26d84943f61687a3f3e58b83205966cd",
    videoTitle: "这是一个视频标题",
    videoContent:
      "文案介绍文案介绍文案介绍文案介绍文案介绍文案介绍文案介绍文案介绍文案介绍文案介绍文案介绍文案介绍",
    videoAvatar:
      "https://img0.baidu.com/it/u=3125720667,3310351231&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1741798800&t=2308445923a7b878526f3e17e7f7d6e2",
    videoAuthor: "法官",
    time: "2025年2月13日 22:23:54",
  },
]);
</script>

<style lang="scss" scoped>
.book-live-container {
  .live-item:last-child {
    margin-bottom: 0;
  }
}
</style>
